<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title></title>
    <!--覆盖上列样式  -->
      <link rel="stylesheet" href="res/css/bootstrap.min.css">
    <link rel="stylesheet" href="res/layui/css/layui.css">
    <link rel="stylesheet" href="res/css/global.css">
    <link rel="stylesheet" href="res/css/style.css"/>

<style>


    .layui-tab-content {
      border-radius: 8px;
      overflow: hidden;
      width: 878px;
      padding: 30px 0 0 60px;

    }


         .ord-statis{
          font-size: 14px;
          color: #9B9B9B;
          margin-bottom: 20px;
        
        }

         .ord-statis  i{
            font-style: normal;
          }
        
        .orders{
  
        }
 .order-list{
          
          }
    .layui-tab-content .layui-tab-item .orders .order-list .order{
              width: 814px;
              height: 210px;
              border: 1px solid #EEEEEE;
              border-radius: 7.5px;
              margin-bottom: 20px;
             
            }

         .layui-tab-content .layui-tab-item .orders .order-list .order:hover{
                border: 1px solid #DAE0FD;
                box-shadow: 0 2px 4px 0 #DAE0FD;
              }
        .layui-tab-content .layui-tab-item .orders .order-list .order .o-top{
                width: 100%;
                height: 43px;
                border-bottom:1px solid #eee;
               
              }

             .layui-tab-content .layui-tab-item .orders .order-list .order .o-top .o-date{
                  float: left;
                  margin-left: 20px;
                  height: 100%;
                  line-height: 43px;
                  font-size: 14px;
                  color: #9B9B9B;
                 
                }

                    .layui-tab-content .layui-tab-item .orders .order-list .order .o-top .o-date p{
                    display: inline-block;
                  }
              .layui-tab-content .layui-tab-item .orders .order-list .order .o-top .order-num{
                  float: left;
                  display: inline-block;
                  margin-left: 44px;
                  line-height: 43px;
                  font-size: 14px;
                  color: #9B9B9B;
                }
                .layui-tab-content .layui-tab-item .orders .order-list .order .o-top .o-status{
                  float: right;
                  margin-right: 14px;
                  font-size: 14px;
                  color: #94A5FA;
                  line-height: 43px;
                }



       .layui-tab-content .layui-tab-item .orders .order-list .order .o-bottom{
                border-radius: 8px;
                width: 100%;
                height: 165px!important;
                background-color: #fff;
            
              }

                 .layui-tab-content .layui-tab-item .orders .order-list .order  .o-bottom .ord-cover{
                  float: left;
                  display: inline-block;
                  width: 224px;
                  height: 126px!important;
                  border-radius: 8px;
                  margin:19px 0 0 20px;
                  overflow: hidden;
                 
                }

                   .layui-tab-content .layui-tab-item .orders .order-list .order   .o-bottom .ord-cover img{
                    width: 100%;
                    height: 100%;
                  }
               .layui-tab-content .layui-tab-item .orders .order-list .order .o-bottom .ord-intro{
                  margin:20px 0 0 20px;
                  float: left;
           
                }
                        .layui-tab-content .layui-tab-item .orders .order-list .order  .o-bottom .ord-intro .ord-title{
                    margin-top: 11px;
                    width: 232px;
                    display: block;
                    font-size: 16px;
                    color: #4A4A4A;
                    line-height:22px;
                    margin-bottom: 10px;
                    word-break: break-all;
                    text-overflow: ellipsis;
                    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
                    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
                    -webkit-line-clamp: 2; /** 显示的行数 **/
                    overflow: hidden;
                  }
                   .o-bottom .ord-intro .buyer{
                    font-size: 14px;
                    color: #9B9B9B;
                  
                  }
                    .o-bottom .ord-intro .buyer i{
                      font-style: normal;
                    }
             .layui-tab-content .layui-tab-item .orders .order-list .order .o-bottom .ord-cost{
                  float: left;
                  width: 154px;
                  padding: 62px 0 0 34px;
                  border-left: 1px solid #EEEEEE;
                  border-right: 1px solid #EEEEEE;
                  height: 165px!important;
                  align-items: center;
                  font-size: 14px;
                  color: #6E6E6E;
                  line-height:20px;
                  margin-left: 20px;
                
                }

                  .layui-tab-content .layui-tab-item .orders .order-list .order .o-bottom .ord-cost p{
                    color: #ffc00b;
                  }
              .layui-tab-content .layui-tab-item .orders .order-list .order .o-bottom .ord-fun{
                  position: relative;
                  padding: 60px 0 0 0;
                  width: 142px;
                  height: 165px;
                  float: left;
      
                }

                           .layui-tab-content .layui-tab-item .orders .order-list .order .o-bottom .ord-fun a{
                    text-align: center;
                    display: block;
                    width: 100%;
                    text-decoration: none;
                    margin-bottom: 15px;
                   
                  }

                  .layui-tab-content .layui-tab-item .orders .order-list .order .o-bottom .ord-fun a:hover{
                      color:#2F5AFF;
                    }
                 .layui-tab-content .layui-tab-item .orders .order-list .order .o-bottom .ord-fun:hover{
                    
                  }
                 .layui-tab-content .layui-tab-item .orders .order-list .order .o-bottom .ord-fun:hover .ord-part{
                      display: block;
                    }
                 .layui-tab-content .layui-tab-item .orders .order-list .order .o-bottom .ord-fun .ord-part{
                    display: none;
                    z-index: 1000;
                    padding: 31px 0  0 40px;
                    position: absolute;
                    right: 0;
                    bottom: -210px;
                    width: 325px;
                    height: 210px;
                    background: #F7F8FF;
                    box-shadow: 0 4px 6px 2px rgba(0,0,0,0.10);
                    border-radius: 8px;
                   
                  }

                     .layui-tab-content .layui-tab-item .orders .order-list .order .o-bottom .ord-fun .ord-part ul{
                      float: left;
                    }
                     .layui-tab-content .layui-tab-item .orders .order-list .order .o-bottom .ord-fun .ord-part .name-list{
                      width: 56px;
                     
                    }

                    .layui-tab-content .layui-tab-item .orders .order-list .order .o-bottom .ord-fun .ord-part .name-list li{
                        margin-bottom: 15px;
                        color: #4A4A4A;
                        font-size: 14px;
                      }
                     .layui-tab-content .layui-tab-item .orders .order-list .order .o-bottom .ord-fun .ord-part .deteils-list{
                      margin-left: 15px;
                    
                    }

                        .layui-tab-content .layui-tab-item .orders .order-list .order .o-bottom .ord-fun .ord-part .deteils-list li{
                        line-height: 19px;
                        font-size: 14px;
                        color: #9B9B9B;
                        margin-bottom: 15px;
                       
                      }

                       .layui-tab-content .layui-tab-item .orders .order-list .order .o-bottom .ord-fun .ord-part .deteils-list li a{
                          font-style: normal;
                        }

              .layui-tab-content .layui-tab-item .orders .order-list .order .o-bottom .nicht{
                  padding: 46px 0 0 0;
                 
                }

                  .layui-tab-content .layui-tab-item .orders .order-list .order .o-bottom .nicht .pay-now{
                    color: #2F5AFF;
                  }
              .layui-tab-content .layui-tab-item .orders .order-list .order .o-bottom .refund{
                  padding-top:70px;
                }
</style>
  <body >
<!--导航模块-->

   <div class="header">
      <div class="main">
         <a href="main.html"><img class="fl logoimg" src="res/images/fly.jpg"></a>
            <a class="title fl" href="#">
          我是学生</a>
         <a class="title fl" href="#"> 
          帮助中心</a>
       
        <div class="nav-user">

            <div class="fl user-header-top">
            <a class="lindang" href="">
            <img src="res/images/tx.png">
            </a>
         <div class="tanshow">
            <div class="triangle"></div>
          <div class="personal-fun ">

              <ul>
                  <li class="fun-list">
                      <a href="javascript:;">粉丝</a>
                  </li>
                  <li class="fun-list">
                      <a href="javascript:;">课程标签</a>
                  </li>
                  <li class="fun-list">
                      <a href="javascript:;">系统通知</a>
                  </li>
              </ul>
              </div>
             </div>
              </div>
            <div class="fl user-header-top">
            <a class="lindang "  href="">
            <img src="res/images/xx.png">
            </a>
                        <div class="tanshow">
            <div class="triangle"></div>
          <div class="personal-fun ">

              <ul>
                  <li class="fun-list">
                      <a href="javascript:;">私聊</a>
                  </li>
                  <li class="fun-list">
                      <a href="javascript:;">群聊</a>
                  </li>
               
              </ul>
              </div>
             </div>
            </div>
         <div class="fl user-header-top">
            <a   class="iconfont   icon-touxiang layui-hide-xs" style="margin-top: 4px; display: inline-block;">
            </a>

            <div class="tanshow">
            <div class="triangle"></div>
          <div class="personal-fun ">

              <ul>
                     <li class="fun-list">
                      <a href="setting.html">系统设置</a>
                  </li>
                  <li class="fun-list">
                      <a href="javascript:;">退出登录</a>
                  </li>
              </ul>
              </div>
             </div>
          </div>
        </div>
      </div>
    </div>


     <div class="risk_wrap" >
  <!--左侧导航开始-->
        <div class="risk_left fl">
            <!--头像开始-->
      <div class="risk_portrait over_flow">
                <div class="portrait_img">
                
                
                    <img src="res/images/FullSizeRender.png" id="openPortrait"
                        data-toggle="modal" data-target="#avatar-modal" alt=""/>
                
             <!--  <div class="mask5 mask1" style="display: none;" id="maskPortrait">
                <form id="updatePortraitForm" action="">
                    <div class="mask_wrap width520" id="formPortrait" style="display: none;">
                        <h3><span class="fl">上传头像</span><i class="mask_close fr" id="closePortrait"></i></h3>
                        <div class="mask_con over_flow mab20 mat30">
                            <div class="btn_mask margin_auto relative width380">
                                <input class="input_tupian fl" type="text" id="name">
                                <div class="input_btn fr relative">
                                    <input type="button" value="选择文件">
                                    <input class="" type="file" name="file" id="file" />
                                </div>
                                
                            </div>
                            <p class="margin_auto width380 mat10 font12 color_81">您可以上传JPG、GIF或PNG文件</p>
                            <div style="text-align: center;color: red;" id="message"></div>
                        </div>
                        <div class="btn_mask margin_auto relative width_275">
                            <span class="width_275"></span>
                            <a class="width_275 bg_0083c3" href="javascript:;" id="updatePortrait">上传</a>
                        </div>
                    </div>
                    </form>
                </div>   -->
                <input type="hidden" id="userMemberGradeId" value="1"/>
           <!--          <div class="grade" id="memberLevel">体验卡会员</div> -->
                </div>
                <p><span id="greetTxt"></span><span></span>大林</p>
                    <div class="huiid">所属机构：火星时代</div>
                    <div class="huiid">ID：21312</div>   
                 
                <div class="authentication">
                    <!--安全认证-->
                    <a href="#"><li><div>6</div><div>课程</div></li></a>
                    <!--手机认证-->
                    <a href="#"><li><div>23</div><div>粉丝</div></li></a>
                    <!--银行卡认证-->
                    <a href="#"><li><div>23</div><div>关注</div></li></a>
                </div>
                <div class="clear"></div>
               <a href="addclassstep.html" target="_blank"><div class="borderbutton">创建课程</div> </a>
            </div>
            <!--头像结束-->
            <!--菜单开始-->
            <div class="bordertop"></div>
            <ul class="risk_menu over_flow">
                  <li>         
                        <div data-open='1' class="menu_first menu_first_1 ">
                        <i></i>
                        <a class="fl" href="main.html">后台首页</a>
                    </div>
                   
                </li>
                  <li>
                    <div data-open='1' class="menu_first menu_first_2 ">
                 
                        <a class="fl" >基础管理</a>
                        <i class="icon fr risk_arrow"></i>
                    </div>
                    <div class="menu_second">
                    
                           <a href="renzhengcenter.html">认证中心</a>
                            <a href="tuanduicenter.html">团队主页</a>
                            <a href="chengyuangl.html">成员管理</a>
                        
                    </div>
                </li>
              <li>
                    <div data-open='1' class="menu_first menu_first_2 ">
                 
                        <a class="fl" >教学教务</a>
                        <i class="icon fr risk_arrow"></i>
                    </div>
                    <div class="menu_second">
                    
                              <a href="kechengrili.html">课程日历</a>
                            <a href="kechengguanli.html">课程管理</a>
                            <a href="zuoyeguanli.html">作业管理</a>
                            <a href="pingjiaguanli.html">评价管理</a>
                    </div>
                </li>
                <li >
                
                        
                        <div data-open='1' class="menu_first menu_first_3">
                
                        <a class="fl">财务管理</a>
                            <i class="icon fr risk_arrow"></i>
                    </div>
                     <div class="menu_second">
                    
                     
                            <a href="myzhanghu.html">我的账户</a>
                            <a href="jiesuanguanli.html">结算管理</a>
                            <a href="myorder.html" class="act">我的订单</a>
                     
                    </div>
                </li>
                <li>
                    <div data-open='1'  class="menu_first  menu_first_4">
                 
                        <a class="fl" >数据中心</a>
                        <i class="icon fr risk_arrow"></i>
                    </div>
                    <div class="menu_second">
                     
                              <a href="kechengdianji.html">课程点击量</a>
                            <a href="orderchengjiao.html">订单成交量</a>
                            <a href="chengjiaomoney.html">成交金额</a>
                            
                    </div>
                </li>
                <li>
                    <div data-open='1' class="menu_first  menu_first_5">
                     
                        <a class="fl" >营销推广</a>
                        <i class="icon fr risk_arrow"></i>
                    </div>
                    <div class="menu_second">
                        <a href="youhuiquan.html">优惠券管理</a>
                     
                    </div>
                </li>
                   <!--       <li>
                    <div data-open='1' class="menu_first  menu_first_6">
                     
                        <a class="fl" >我的账户</a>
                        <i class="icon fr risk_arrow"></i>
                    </div>
                    <div class="menu_second">       
                          <a href="zhanghuyue.html">账户余额</a>
                            <a href="myzhangdan.html">我的账单</a>
                            <a href="mycard.html">我的银行卡</a>
                            <a href="zhanghusetting.html">账户设置</a>

                    </div>
                </li> -->
                        <li >         
                        <div data-open='1' class="menu_first menu_first_1 ">
                        <i></i>
                        <a class="fl">个人中心</a>
                    </div>
                         <div class="menu_second ">
                   <a href="gerenzhuye.html">个人资料</a>
                     
                    </div>
                </li>
            </ul>
            <!--菜单结束-->
        </div>
         
     <!--右侧内容开始-->
        <div class="account_right fr " >



            <h3 class="risk_title1"><span class="fl">我的订单</span></h3>

    <div >
    
<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">

  <ul class="layui-tab-title" style="padding:0 40px">
    <li class="layui-this">全部订单</li>
    <li>已支付</li>
    <li>退款中</li>
    <li>已退款</li>
    <li>交易关闭</li>
  </ul>

      <div class="bubottom"></div>

  <div class="layui-tab-content basic_infor" >
    <div class="layui-tab-item layui-show  all-trans">

                  <p class="ord-statis">共 <i>88</i>个订单</p>
                        <div class="orders">
                            <ul class="order-list">
                                <li class="order">
                                    <div class="o-top">
                                        <div class="o-date">
                                            <p class="o-date-day">2018-11-08</p>&nbsp
                                            <p class="o-date-time">08:39</p>
                                        </div>
                                        <p class="order-num">订单编号：000000000000015121</p>
                                        <div class="o-status">订单已支付</div>
                                    </div>
                                    <div class="o-bottom">
                                        <a href="" class="ord-cover">
                                            <img src="" alt="">
                                        </a>
                                        <div class="ord-intro">
                                            <h3 class="ord-title">电商banner设计进阶班设计进阶版</h3>
                                            <p class="buyer">买家：<i>大林</i></p>
                                        </div>
                                        <div class="ord-cost">
                                            实付
                                            <p class="ord-money">￥1290.00</p>
                                        </div>
                                        <div class="ord-fun">
                                            <a href="" class="check-detail">查看详情</a>
                                            <a href="" class="app-db">申请退款</a>
                                            <div class="ord-part">
                                                <ul class="name-list">
                                                    <li>订单编号</li>
                                                    <li>使用优惠</li>
                                                    <li>实际付款</li>
                                                    <li>下单时间</li>
                                                    <li>支付时间</li>
                                                </ul>
                                                <ul class="deteils-list">
                                                    <li>000000000000251213</li>
                                                    <li>优惠券：<em>-10</em></li>
                                                    <li>￥90.00</li>
                                                    <li>2018-11-08 08:30</li>
                                                    <li>2018-11-08 08:30</li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>

                                </li>
                                <li class="order">
                                    <div class="o-top">
                                        <div class="o-date">
                                            <p class="o-date-day">2018-11-08</p>&nbsp
                                            <p class="o-date-time">08:39</p>
                                        </div>
                                        <p class="order-num">订单编号：000000000000015121</p>
                                        <div class="o-status">订单已支付</div>
                                    </div>
                                    <div class="o-bottom">
                                        <a href="" class="ord-cover">
                                            <img src="" alt="">
                                        </a>
                                        <div class="ord-intro">
                                            <h3 class="ord-title">电商banner设计进阶班设计进阶版</h3>
                                            <p class="buyer">买家：<i>大林</i></p>
                                        </div>
                                        <div class="ord-cost">
                                            实付
                                            <p class="ord-money">￥1290.00</p>
                                        </div>
                                        <div class="ord-fun">
                                            <a href="" class="check-detail">查看详情</a>
                                            <a href="" class="app-db">申请退款</a>
                                            <div class="ord-part">
                                                <ul class="name-list">
                                                    <li>订单编号</li>
                                                    <li>使用优惠</li>
                                                    <li>实际付款</li>
                                                    <li>下单时间</li>
                                                    <li>支付时间</li>
                                                </ul>
                                                <ul class="deteils-list">
                                                    <li>000000000000251213</li>
                                                    <li>优惠券：<em>-10</em></li>
                                                    <li>￥90.00</li>
                                                    <li>2018-11-08 08:30</li>
                                                    <li>2018-11-08 08:30</li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>

                                </li>
                                <li class="order">
                                    <div class="o-top">
                                        <div class="o-date">
                                            <p class="o-date-day">2018-11-08</p>&nbsp
                                            <p class="o-date-time">08:39</p>
                                        </div>
                                        <p class="order-num">订单编号：000000000000015121</p>
                                        <div class="o-status">订单未支付</div>
                                    </div>
                                    <div class="o-bottom">
                                        <a href="" class="ord-cover">
                                            <img src="" alt="">
                                        </a>
                                        <div class="ord-intro">
                                            <h3 class="ord-title">电商banner设计进阶班设计进阶版</h3>
                                            <p class="buyer">买家：<i>大林</i></p>
                                        </div>
                                        <div class="ord-cost">
                                            应付
                                            <p class="ord-money">￥1290.00</p>
                                        </div>
                                        <div class="ord-fun nicht">
                                            <a href="" class="pay-now">立即支付</a>
                                            <a href="" class="check-detail">查看详情</a>
                                            <a href="" class="app-db">申请退款</a>
                                            <div class="ord-part">
                                                <ul class="name-list">
                                                    <li>订单编号</li>
                                                    <li>使用优惠</li>
                                                    <li>实际付款</li>
                                                    <li>下单时间</li>
                                                    <li>支付时间</li>
                                                </ul>
                                                <ul class="deteils-list">
                                                    <li>000000000000251213</li>
                                                    <li>优惠券：<em>-10</em></li>
                                                    <li>￥90.00</li>
                                                    <li>2018-11-08 08:30</li>
                                                    <li>2018-11-08 08:30</li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>

                                </li>
                                <li class="order">
                                    <div class="o-top">
                                        <div class="o-date">
                                            <p class="o-date-day">2018-11-08</p>&nbsp
                                            <p class="o-date-time">08:39</p>
                                        </div>
                                        <p class="order-num">订单编号：000000000000015121</p>
                                        <div class="o-status">订单退款中</div>
                                    </div>
                                    <div class="o-bottom">
                                        <a href="" class="ord-cover">
                                            <img src="" alt="">
                                        </a>
                                        <div class="ord-intro">
                                            <h3 class="ord-title">电商banner设计进阶班设计进阶版</h3>
                                            <p class="buyer">买家：<i>大林</i></p>
                                        </div>
                                        <div class="ord-cost">
                                            应付
                                            <p class="ord-money">￥1290.00</p>
                                        </div>
                                        <div class="ord-fun refund">
                                            <a href="" class="check-detail">查看详情</a>
                                            <div class="ord-part">
                                                <ul class="name-list">
                                                    <li>订单编号</li>
                                                    <li>使用优惠</li>
                                                    <li>实际付款</li>
                                                    <li>下单时间</li>
                                                    <li>支付时间</li>
                                                </ul>
                                                <ul class="deteils-list">
                                                    <li>000000000000251213</li>
                                                    <li>优惠券：<em>-10</em></li>
                                                    <li>￥90.00</li>
                                                    <li>2018-11-08 08:30</li>
                                                    <li>2018-11-08 08:30</li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>

                                </li>
                                <li class="order">
                                    <div class="o-top">
                                        <div class="o-date">
                                            <p class="o-date-day">2018-11-08</p>&nbsp
                                            <p class="o-date-time">08:39</p>
                                        </div>
                                        <p class="order-num">订单编号：000000000000015121</p>
                                        <div class="o-status">交易关闭</div>
                                    </div>
                                    <div class="o-bottom">
                                        <a href="" class="ord-cover">
                                            <img src="" alt="">
                                        </a>
                                        <div class="ord-intro">
                                            <h3 class="ord-title">电商banner设计进阶班设计进阶版</h3>
                                            <p class="buyer">买家：<i>大林</i></p>
                                        </div>
                                        <div class="ord-cost">
                                            应付
                                            <p class="ord-money">￥1290.00</p>
                                        </div>
                                        <div class="ord-fun refund">
                                            <a href="" class="check-detail">查看详情</a>
                                            <div class="ord-part">
                                                <ul class="name-list">
                                                    <li>订单编号</li>
                                                    <li>使用优惠</li>
                                                    <li>实际付款</li>
                                                    <li>下单时间</li>
                                                    <li>支付时间</li>
                                                </ul>
                                                <ul class="deteils-list">
                                                    <li>000000000000251213</li>
                                                    <li>优惠券：<em>-10</em></li>
                                                    <li>￥90.00</li>
                                                    <li>2018-11-08 08:30</li>
                                                    <li>2018-11-08 08:30</li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>

                                </li>
                            </ul>
                          
                        </div>


    </div>
    <div class="layui-tab-item">
               <p class="ord-statis">共 <i>88</i>个订单</p>
                        <div class="orders">
                            <ul class="order-list">
                                <li class="order">
                                    <div class="o-top">
                                        <div class="o-date">
                                            <p class="o-date-day">2018-11-08</p>&nbsp
                                            <p class="o-date-time">08:39</p>
                                        </div>
                                        <p class="order-num">订单编号：000000000000015121</p>
                                        <div class="o-status">订单已支付</div>
                                    </div>
                                    <div class="o-bottom">
                                        <a href="" class="ord-cover">
                                            <img src="" alt="">
                                        </a>
                                        <div class="ord-intro">
                                            <h3 class="ord-title">电商banner设计进阶班设计进阶版</h3>
                                            <p class="buyer">买家：<i>大林</i></p>
                                        </div>
                                        <div class="ord-cost">
                                            实付
                                            <p class="ord-money">￥1290.00</p>
                                        </div>
                                        <div class="ord-fun">
                                            <a href="" class="check-detail">查看详情</a>
                                            <a href="" class="app-db">申请退款</a>
                                            <div class="ord-part">
                                                <ul class="name-list">
                                                    <li>订单编号</li>
                                                    <li>使用优惠</li>
                                                    <li>实际付款</li>
                                                    <li>下单时间</li>
                                                    <li>支付时间</li>
                                                </ul>
                                                <ul class="deteils-list">
                                                    <li>000000000000251213</li>
                                                    <li>优惠券：<em>-10</em></li>
                                                    <li>￥90.00</li>
                                                    <li>2018-11-08 08:30</li>
                                                    <li>2018-11-08 08:30</li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>

                                </li>
                                <li class="order">
                                    <div class="o-top">
                                        <div class="o-date">
                                            <p class="o-date-day">2018-11-08</p>&nbsp
                                            <p class="o-date-time">08:39</p>
                                        </div>
                                        <p class="order-num">订单编号：000000000000015121</p>
                                        <div class="o-status">订单已支付</div>
                                    </div>
                                    <div class="o-bottom">
                                        <a href="" class="ord-cover">
                                            <img src="" alt="">
                                        </a>
                                        <div class="ord-intro">
                                            <h3 class="ord-title">电商banner设计进阶班设计进阶版</h3>
                                            <p class="buyer">买家：<i>大林</i></p>
                                        </div>
                                        <div class="ord-cost">
                                            实付
                                            <p class="ord-money">￥1290.00</p>
                                        </div>
                                        <div class="ord-fun">
                                            <a href="" class="check-detail">查看详情</a>
                                            <a href="" class="app-db">申请退款</a>
                                            <div class="ord-part">
                                                <ul class="name-list">
                                                    <li>订单编号</li>
                                                    <li>使用优惠</li>
                                                    <li>实际付款</li>
                                                    <li>下单时间</li>
                                                    <li>支付时间</li>
                                                </ul>
                                                <ul class="deteils-list">
                                                    <li>000000000000251213</li>
                                                    <li>优惠券：<em>-10</em></li>
                                                    <li>￥90.00</li>
                                                    <li>2018-11-08 08:30</li>
                                                    <li>2018-11-08 08:30</li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>

                                </li>
                            </ul>
                           
                        </div>
    </div>
    <div class="layui-tab-item">        

    </div>
      <div class="layui-tab-item">        

    </div>
      <div class="layui-tab-item">        

    </div>
  </div>
</div> 

</div>

        </div>
        <!--右侧内容结束-->
    </div>




  <div class="black_overlay"></div>


  <!-- 底部结束 -->


<script src="res/layui/layui.js"></script>
<script src="res/js/select.js"></script>
 <script src="res/js/jquery-1.9.1.min.js"></script>
 <script src="res/js/script.js"></script>


<script>
layui.use(['form', 'layedit', 'laydate', 'element'], function(){
  var form = layui.form
  ,layer = layui.layer
  ,layedit = layui.layedit
  ,laydate = layui.laydate
  ,element = layui.element;


  
});
</script>
</body>
</html>